@import "../../style/public";
.changePassword {
    .submit{
        color: #333;
    }
    .submit.disabled{
        color: #d2d2d2;
    }
    .passwordlist {
        width: pw(355);
        margin-left: pw(10);
        margin-bottom: pw(30);
        margin-top: pw(15);
        border-radius: pw(10);
        background: #fff;
        // @include thin-border(true,false);
        // @include remCalc(margin, 0,0,60,0);
        li {
            display: flex;
            align-items: center;
            @include thin-border(false,false,top);
            &:first-child{
                &::after{
                    display: none;
                }
            }
            .left {
                @include remCalc(font-size, 30); //@include remCalc(line-height, 40);
                //line-height:1.2;
                color: #333333;
                position: relative;
            }
            .right {
                flex:1;
                text-align: right;
                @include remCalc(font-size, 28);
                @include remCalc(padding-right, 30);
                @include remCalc(width, 500);
                .value {
                    //@include remCalc(line-height, 40);
                    //line-height:1.2;
                    color: #7e7e7e;
                }
                >input.value {
                    text-align: right;
                    @include remCalc(width, 380);
                }
                .get-code-input.value {
                    @include remCalc(max-width, 200);
                }
                .get-code {
                    color: $color-red;
                    float: right;
                    @include remCalc(padding-left, 30);
                    @include remCalc(margin-left, 30);
                    border-left: 1px solid $color-border;
                }
                .get-code.disabled {
                    color: #ccc !important;
                    background: #fff !important;
                    opacity: 1 !important;
                }
                .right-icon {
                    float: right;
                    color: #c7c7cc;
                }
                i {
                    @include remCalc(width, 60);
                    @include remCalc(line-height, 88);
                    text-align: right;
                    color: #ccc;
                    @include remCalc(font-size, 36);
                }
            }
            @extend %box-sizing;
            @include remCalc(padding, 26, 0, 20, 0);
            @include remCalc(margin-left, 30);
        }
        li:last-child {
            border-bottom: none;
        }
    }
    .more-info {
        color: #999;
        @include remCalc(font-size, 28);
        @include remCalc(padding, 20, 30);
    }
    .btn-wrap .btn {
        background: $color-red;
    }
}
